<template>
	<view>
		<view class="business">
			<view class="business-line"></view>
			<view class="business-title">
				<text> 营销中心 </text>
			</view>
		</view>
		<view class="market">
			<view class="market-left" @click="Points">
				<!-- <u--image :src="marketLeftImage" width="100%" height="100%"></u--image> -->
				<u--image :showLoading="true" :src="marketLeftImage" width="180rpx" height="220rpx" radius="10rpx"
					:showMenuByLongpress="false"></u--image>
				<view class="market-left-text">
					<text>积分商城</text>
				</view>
			</view>
			<view class="market-right">
				<view v-for="(baseListItem, baseListIndex) in list" :key="baseListIndex" class="item"
					@click="base_List(baseListItem,baseListIndex)">
					<u-icon :name="baseListItem.name" :size="17"></u-icon>
					<text class="grid-text">{{ baseListItem.title }}</text>
				</view>
			</view>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {

			}
		},
		props: {
			list: {
				type: Array,
				default: () => ({})
			},
			marketLeftImage: {
				type: String,
				required: true
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	@import url("@/static/css/index/index.css");
</style>